.wrapper {
  width                : 100%;
  height               : 700px;
  display              : grid;
  grid-template-columns: 1fr 1fr;

  .desc {
    display        : grid;
    justify-content: center;
    align-items    : center;
  }

  .show {
    display        : grid;
    justify-content: center;
    align-items    : center;

    ul {
      background-color: #333;
      width           : 200px;
      height          : 300px;
      padding         : 50px;

      li {
        cursor       : pointer;
        font-size    : 24px;
        margin-bottom: 10px;
      }

      li::marker {
        content: ""
      }

      li:hover::marker {
        content: '▍';

      }
    }
  }
}